<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no"
    />
    <title>事件流</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
  </head>
  <body>
    <div class="box">
      <div class="container">
        <p class="p">
          <a href="#" class="nav">
            <img src="./img/1.png" alt="" class="img" />
          </a>
        </p>
      </div>
    </div>
    <script src="./js/evt-loop.js"></script>
  </body>
</html>
<!--
  事件流: 多个事件在程序中执行的流程或顺序，称事件流
  事件执行的流程的模型:
    1 冒泡型事件流: 先执行内部的元素事件，再依次执行父级元素的事件，直到window
    2 捕获型事件流: 先执行外部的元素事件，再依次执行子元素的事件，直到目标元素
 -->
